<template>
  <div>
    <el-container>
      <el-header height="">
        <!--自定义的标签-->
<!--        <top @func="getSearch"></top>-->

      </el-header>

      <el-main ><router-view v-if="isReload"/></el-main>
      <!-- <el-footer height="200px">

        <down></down>
      </el-footer> -->
    </el-container>




  </div>
</template>
<script>
import top from "./common/Header.vue";
import down from "./common/Footer.vue";

export default {
  components: {
    top,
    down
  },
  provide() {
    return {
      reload: this.reload
    }
  },
 data() {
    return{
      isReload: true
    }
 },
  methods:{
    reload() {
      this.isReload = false
      this.$nextTick(() => {
        this.isReload = true
      })
    }
  }
};
</script>
<style>
  .el-header, .el-footer {
    background-color: rgb(252, 252, 252);
    color: #333;
    text-align: center;
    line-height: 60px;
  }

  .el-main {
    background-color: rgb(252, 252, 252);
    color: #333;
    text-align: center;

  }

</style>
